<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" href="css/lib/bootstrap.min.css">
		<script src="js/lib/jquery.min.js"></script>
		<script src="js/lib/bootstrap.min.js"></script>

		<link rel="stylesheet" type="text/css" href="css/page/index.css" />
		<link rel="stylesheet" type="text/css" href="css/components.css"/>
	</head>

	<body>

		<div class="header">
			<div class="header-top hidden-xs">
				<div class="container">
					<div class="row">
						<div class="col-md-3 col-sm-5 hidden-xs">
							<img src="img/logo_top.png" class="logo-top" />
						</div>
						<div class="col-md-offset-4 col-md-3 col-sm-4 hidden-xs">
							<form class="search mrt-10">
							  <input type="text" placeholder="站内搜索">
							  <button type="submit"></button>
							</form>
						</div>
						<div class="col-md-2 col-sm-3 hidden-xs">
							<ul class="lang mrt-10">
								<li><a href="#">English</a></li>
								<li>|</li>
								<li><a href="#">中文</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>	
			<div class="header-nav">
				<nav class="navbar navbar-default">
				  <div class="container">
				    <div class="navbar-header">
				      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
				        <span class="sr-only">Toggle navigation</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				      </button>
				      <img src="img/logo_top.png" class="logo-top hidden-sm hidden-lg hidden-md"/>
				    </div>
				
				    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				      <ul class="nav navbar-nav">
							<li class="active"><a href="index.html">学校首页</a></li>
							<li><a href="#">学校行政</a></li>
							<li><a href="student.html">学校组织</a></li>
							<li><a href="library.html">校图书馆</a></li>
							<li><a href="download.html">下载中心</a></li>
				      </ul>
				    </div>
				  </div>
				</nav>
			</div>
		</div>
		
		<div id="carousel" class="carousel slide">
		    <ol class="carousel-indicators">
		        <li data-target="#carousel" data-slide-to="0" class="active"></li>
		        <li data-target="#carousel" data-slide-to="1"></li>
		        <li data-target="#carousel" data-slide-to="2"></li>
		    </ol>   
		    <div class="carousel-inner">
		        <div class="item active">
		            <img src="img/banner.png" alt="First slide">
		        </div>
		        <div class="item">
		            <img src="img/banner.png" alt="Second slide">
		        </div>
		        <div class="item">
		            <img src="img/banner.png" alt="Third slide">
		        </div>
		    </div>
		</div> 
		
		<div class="content">
			<div class="container">
				<div class="row">
					<div class="col-md-5">
						<div class="section latest-new mobile-autoheight">
							<div class="title">
								<h3>最新资讯<span>News</span></h3>
								<div class="more">more>></div>
							</div>
							<ul>
								<li><a href="article.html">增强“四个仪式”维护中央权威</a><a class="time">2016-11-01</a></li>
								<li><a href="article.html">增强“四个仪式”维护中央权威</a><a class="time">2016-11-01</a></li>
								<li><a href="article.html">增强“四个仪式”维护中央权威</a><a class="time">2016-11-01</a></li>
								<li><a href="article.html">增强“四个仪式”维护中央权威</a><a class="time">2016-11-01</a></li>
								<li><a href="article.html">增强“四个仪式”维护中央权威</a><a class="time">2016-11-01</a></li>
								<li><a href="article.html">增强“四个仪式”维护中央权威</a><a class="time">2016-11-01</a></li>
								<li><a href="article.html">增强“四个仪式”维护中央权威</a><a class="time">2016-11-01</a></li>
								<li><a href="article.html">增强“四个仪式”维护中央权威</a><a class="time">2016-11-01</a></li>
								<li><a href="article.html">增强“四个仪式”维护中央权威</a><a class="time">2016-11-01</a></li>
								<li><a href="article.html">增强“四个仪式”维护中央权威</a><a class="time">2016-11-01</a></li>
							</ul>
						</div>
					</div>
					
					<div class="col-md-7">
						<div class="section accountment mobile-autoheight">
							<div class="title">
								<h3>操行公告<span>Bulletin</span></h3>
								<div class="more">more>></div>
							</div>
							<ul>
								<li class="col-md-6 col-sm-6 col-xs-12">
									<div class="class-tip">一年级</div>
									<a href="#">NO.1 一年（2）班XXX同学  XX分</a>
									<a href="#">NO.2 一年（2）班XXX同学  XX分</a>
									<a href="#">NO.3 一年（2）班XXX同学  XX分</a>
								</li>
								<li class="col-md-6 col-sm-6 col-xs-12">
									<div class="class-tip">一年级</div>
									<a href="#">NO.1 一年（2）班XXX同学  XX分</a>
									<a href="#">NO.2 一年（2）班XXX同学  XX分</a>
									<a href="#">NO.3 一年（2）班XXX同学  XX分</a>
								</li>
								<li class="col-md-6 col-sm-6 col-xs-12">
									<div class="class-tip">一年级</div>
									<a href="#">NO.1 一年（2）班XXX同学  XX分</a>
									<a href="#">NO.2 一年（2）班XXX同学  XX分</a>
									<a href="#">NO.3 一年（2）班XXX同学  XX分</a>
								</li>
								<li class="col-md-6 col-sm-6 col-xs-12">
									<div class="class-tip">一年级</div>
									<a href="#">NO.1 一年（2）班XXX同学  XX分</a>
									<a href="#">NO.2 一年（2）班XXX同学  XX分</a>
									<a href="#">NO.3 一年（2）班XXX同学  XX分</a>
								</li>
								<li class="col-md-6 col-sm-6 col-xs-12">
									<div class="class-tip">一年级</div>
									<a href="#">NO.1 一年（2）班XXX同学  XX分</a>
									<a href="#">NO.2 一年（2）班XXX同学  XX分</a>
									<a href="#">NO.3 一年（2）班XXX同学  XX分</a>
								</li>
								<li class="col-md-6 col-sm-6 col-xs-12">
									<div class="class-tip">一年级</div>
									<a href="#">NO.1 一年（2）班XXX同学  XX分</a>
									<a href="#">NO.2 一年（2）班XXX同学  XX分</a>
									<a href="#">NO.3 一年（2）班XXX同学  XX分</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		
		<div class="content">
			<div class="slider-nav">
				<div class="container">
					<ul class="row">
						<li class="col-md-3 col-sm-3 col-xs-3 active"><a href="#">高考佳绩</a></li>
						<li class="col-md-3 col-sm-3 col-xs-3"><a href="#">艺术文化</a></li>
						<li class="col-md-3 col-sm-3 col-xs-3"><a href="#">体育佳绩</a></li>
						<li class="col-md-3 col-sm-3 col-xs-3"><a href="#">竞赛佳绩</a></li>
					</ul>
				</div>
				<div class="slider" id="main-slider">
			        <div class="item" style="background-image:url(img/3.png)">
			        	<div class="slider-overlay"></div>
			        	<div class="container">
	                        <div class="row">
	                            <div class="col-sm-8">
					        		<h3 class="text-center">2018年高考再创佳绩</h3>
					        		<p>透过飞机舷窗，绵延起伏的大凉山尽收眼底。祖国西南这片热土，曾闪耀长征的精神火把，曾实现“一步跨千年”的社会变迁。如今，在新时代脱贫攻坚战中，正经历着翻天覆地的历史性变革。</p>
					        		<p>到凉山来，了却了习近平总书记的一桩心愿：</p>
					        		<p>一年前，参加十二届全国人大五次会议四川代表团审议，习近平总书记向来自凉山州的代表了解彝区脱贫攻坚进展情况。总书记说，全国集中连片特困地区，我绝大多数去过了，还没有走到的吕梁和凉山会尽快去。</p>
	                            </div>
	                            <div class="col-sm-4 hidden-xs"style="margin-top: 30px;">
	                                <div class="slider-img">
	                                    <img src="img/1.png" class="img-responsive">
	                                </div>
	                            </div>
	                        </div>
	                    </div>
			        </div>
			        <!--<div class="item" style="background-image:url(img/3.png)">
			        </div>
			        <div class="item" style="background-image:url(img/3.png)">
			        </div>-->
				</div>
			</div>
			
		</div>
		
		<div class="content">
			<div class="container">
				<div class="row">
					<div class="col-md-8 col-sm-9">
						<div class="section lecture-list mobile-autoheight">
							<div class="title">
								<h3>讲座专栏<span>Lecture</span></h3>
								<div class="more">more>></div>
							</div>
							<div class="greyBox">
								<div class="media">
								  <div class="media-left hidden-xs">
								    <a href="#">
								      <img class="media-object" src="img/zhangjiajia.png" alt="...">
								    </a>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">你是我的摆渡人，我是你的朗读者</h4>
								    <p>讲师姓名：张嘉佳</p>
								    <p>讲座时间：2018-8-8</p>
								    <p>讲座地点：王源兴国际会议中心</p>
								  </div>
								</div>
								<h4 class="i2">从你的全世界路过</h4>
								<h4 class="i3">远方，有一个地方，哪里种着我们的梦想</h4>
								<p class="i4">远方，有一个地方，哪里种着我们的梦想</p>
								<p class="i5">远方，有一个地方，哪里种着我们的梦想</p>
								<p class="i6">远方，有一个地方，哪里种着我们的梦想</p>
							</div>
						</div>
					</div>
					<div class="col-md-4 col-sm-3">
						<div class="section mark-part mobile-autoheight">
							<div class="title">
								<h3>标签云<span>Marks</span></h3>
							</div>
							<div class="greyBox">
								<a href="#">A</a>
								<a href="#">B</a>
								<a href="#">C</a>
								<a href="#">D</a>
								<a href="#">E</a>
								<a href="#">F</a>
								<a href="#">G</a>
								<a href="#">H</a>
								<a href="#">I</a>
								<a href="#">I</a>
								<a href="#">I</a>
								<a href="#">I</a>
								<a href="#">I</a>
							</div>
						</div>
						
					</div>
				</div>
			</div>
		</div>
		
		<div class="content bg-school">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-sm-6">
						<div class="section school-introduce mobile-autoheight">
							<div class="title">
								<h3>学校百科<span>Wiki</span></h3>
								<div class="more">more>></div>
							</div>
							<img class="hidden-xs hidden-sm" src="img/Encyclopedias.png"/>
							<p>华侨大学1960年创办于著名侨乡福建省泉州市，是周恩来总理亲自批准设立、中国第一所以“华侨”命名的高等学府。</p>
							<p>1983年中共中央确定华侨大学为“国家重点扶植的大学”。</p>
							<p>1997年，坐落于福建厦门集美学村的原集美华侨补习学校成建制并入华侨大学，更名为华侨大学华文学院。</p>
							<p>2003年学校在教育部首批本科教学工作水平评估中获评优秀等级。</p>
							<p>2006年厦门校区正式启用。</p>
							<p>2017年学校入选福建省“双一流”建设高校。</p>
						</div>
						
					</div>
					<div class="col-md-6 col-sm-6">
						<div class="section recommend-list mobile-autoheight">
							<div class="title">
								<h3>推荐专栏<span>Tuijian</span></h3>
							</div>
							<div class="media">
							  <div class="media-left">
							    <a href="#">
							      <img class="media-object" src="img/book1.png" alt="...">
							    </a>
							  </div>
							  <div class="media-body">
							    <h4 class="media-heading">中文书籍推荐  ——《活着》 作者：余华</h4>
							    <p><span>推荐理由：</span>主要讲述了中国旧社会一个地主少爷富贵悲惨的人生遭遇.富贵 嗜赌如命,终于赌光了家产,一贫如洗,他的父亲被他活活气死,母亲则在穷困 中患了重病,富贵前去求</p>
							  </div>
							</div>
							<div class="media">
							  <div class="media-left">
							    <a href="#">
							      <img class="media-object" src="img/book2.png" alt="...">
							    </a>
							  </div>
							  <div class="media-body">
							    <h4 class="media-heading">中文书籍推荐  ——《活着》 作者：余华</h4>
							    <p><span>推荐理由：</span>主要讲述了中国旧社会一个地主少爷富贵悲惨的人生遭遇.富贵 嗜赌如命,终于赌光了家产,一贫如洗,他的父亲被他活活气死,母亲则在穷困 中患了重病,富贵前去求</p>
							  </div>
							</div>
						</div>
			
					</div>
				</div>
			</div>
		</div>
		
		<div class="bottom content mobile-txtcenter">
			<div class="container">
				<div class="row">
					<div class="col-md-4 hidden-sm hidden-xs">
						<div class="col-md-4">
							<h4>友情链接</h4>
							<p>姐妹网站</p>
							<p>其他链接</p>
							<p>其他链接</p>
						</div>
						<div class="col-md-4">
							<h4>友情链接</h4>
							<p>姐妹网站</p>
							<p>其他链接</p>
							<p>其他链接</p>
						</div>
						<div class="col-md-4">
							<h4>友情链接</h4>
							<p>姐妹网站</p>
							<p>其他链接</p>
							<p>其他链接</p>
						</div>
					</div>
					<div class="col-md-2 hidden-sm hidden-xs text-center">
					    <img src="img/erweima.png" alt="...">
					    <p>官方公众号</p>
					</div>
					<div class="col-md-3 col-sm-6">
						<p>地址：中国 广州市 黄埔大道西601号</p>
						<p>邮编：510632 </p>
						<p>主页：https://www.jnu.edu.cn </p>
						<p>版权所有©暨南大学</p>
					</div>
					<div class="col-md-3 col-sm-6 hidden-xs">
			    		<img src="img/logo_down.png" class="logo-down img-responsive" />
					</div>
				</div>
			</div>
		</div>

		<script type="text/javascript" src="js/page/index.js" ></script>
	</body>

</html>